<include file="Public:header"/>
<body class="bgf6">
	<!-- 头部 -->
    <div class="header-container bgfff">
            <div class="weui-cell ih30">
                <div class="weui-cell__hd">

                </div>
                <div class="weui-cell__bd">
                	{$shop.name}
                </div>
                <!--<div class="weui-cell__ft">
                    <img src="/Public/Wechat/img/fenx.png" class="iconfenx"/>
                </div>-->
            </div>
    </div>
    <!-- 内容 -->
    <div class="xq_container">
        <if condition="!empty($pics)">
    	<div style="width: 100%;height: 10rem;margin: 0 auto;max-width: 100%;">
                <div class="xq_slide_out">
                    <ul class="xq_slide_in">
                        <volist name="pics" id="pic">
                        <li><img src="/{$pic}"></li>
                        </volist>
                    </ul>
                </div>
        </div>
        </if>
        <div id="test"></div>
        <div class="bgfff mgtop10">
            <if condition="!empty($articles)">
            <a class="weui-cell weui-cell_access" href="{:U('Index/articleList')}">
                <div class="weui-cell__bd">
                    <p class="">{$shop.image_text}</p>
                </div>
                <div class="weui-cell__ft">查看更多</div>
            </a>
            </if>
            <div class="list">
                <volist name="articles" id="art">
                <div class="weui-cell pad10">
                    <div class="weui-cell__hd imgbox mgr5 fs0">
                        <img class="h100" src="/{$art.pic}">
                    </div>
                    <a class="weui-cell__bd  colblack" href="{:U('Index/article',array('art_id'=>$art['art_id']))}">
                        <div>{$art.title}</div>
                        <div class="line3 fs0-8 h60 br pdr5">{$art.desc}</div>
                    </a>
                    <div class="weui-cell__ft zxbox flex2 flexvcenter">
                        <img class="w30" src="__WEBPUBLIC__/Mobile/img/zx.png">
                        <span>咨询</span>
                    </div>
                </div>
                </volist>

            </div>
        </div>
        <div class="aboutus">
            关于我们
        </div>
        <div class="weui-cell indexlogobox bgfff">
                    <div class="weui-cell__hd imgbox2 mgr5 fs0">
                        <img class="wh00" src="/{$shop.head_pic}">
                    </div>
                    <div class="weui-cell__bd">
                        <div>{$shop.name}</div>
                    </div>
                    <div class="weui-cell__ft zxbox flex2 flexvcenter">
                        <img class="w30" src="__WEBPUBLIC__/Mobile/img/zx.png">
                        <span>咨询</span>
                    </div>
        </div>
        <div class="pad10 bgfff mybox">
            {$shop.content}
        </div>
        <div class="bgfff">
            <div class="weui-cell">
                <div class="weui-cell__hd"><img src="__WEBPUBLIC__/Mobile/img/tel.png" alt="" style="width:20px;margin-right:5px;display:block"></div>
                <div class="weui-cell__bd">
                    <p>{$shop.tel}</p>
                </div>
                <div class="weui-cell__ft"></div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><img src="__WEBPUBLIC__/Mobile/img/adress.png" alt="" style="width:20px;margin-right:5px;display:block"></div>
                <div class="weui-cell__bd textovh">
                    <p class="textovh">{$shop.address}</p>
                </div>
                <div class="weui-cell__ft"></div>
            </div>
        </div>
    </div>
    <include file="Public:footer"/>
    <div id="dialog1" style="display: none;">
        <div class="weui-mask"></div>
        <div class="weui-dialog">
            <div class="weui-dialog__hd"><strong class="weui-dialog__title">咨询详情</strong></div>
            <!-- <div class="weui-dialog__bd">弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内</div> -->
            <div class="weui-dialog__ft">
                <a id="lefta" href="tel:{$shop.tel}" class="weui-dialog__btn weui-dialog__btn_default">电话咨询</a>
                <a id="righta" href="{:U('Index/message')}" class="weui-dialog__btn weui-dialog__btn_primary">留言咨询</a>
            </div>
        </div>
    </div>

<script type="text/javascript">
        $(".xq_slide_out").xq_slide({
            type: "h", //轮播方式  h水平轮播；v垂直轮播；o透明切换
            vatical: false, //图片描述性文本 true 显示 false不显示
            choseBtn: false, //是否显示上下切换按钮
            speed: 2000, //动画间隔的时间，以毫秒为单位。
            mousestop: true, //当鼠标移上去是否停止循环,针对PC端
            showbar: true, //是否显示轮播导航bar
            openmb: true //是否开启移动端支持
        });

//弹窗
    $('.zxbox').click(function () {
        $('#dialog1').show();
    });
    $('.weui-mask').click(function(){
        $('#dialog1').hide();
    })


</script>
</body>
</html>